<script lang="ts" setup>
import { ref } from 'vue'
import { useAMap } from '@/utils/use-a-map'

const mapContainerRef = ref<HTMLDivElement>()
useAMap(mapContainerRef)
</script>

<template>
  <div id="map-container" ref="mapContainerRef" class="absolute left-0 top-0 h-full w-full" />
</template>

<style lang="less" scoped>
#map-container {
  height: calc(100vh - var(--van-nav-bar-height));
}
</style>

<route lang="json5">
{
name: 'location',
meta: {
title: '定位',
i18n: 'menus.location'
},
}
</route>
